<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@page import="com.cap.bts.framework.usermgnt.constant.EmployeeStatus"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>会员交易历史</title>
<%@include file="../include/include.jsp"%>
<link rel="stylesheet" type="text/css" href="${csspath }/public.css" />
<link rel="stylesheet" type="text/css" href="${csspath }/datepicker.css" />
<link rel="stylesheet" type="text/css" href="${csspath }/style_l.css" />
<script type="text/javascript" src="${jspath }/jquery/jquery-1.8.3.js"></script>
<script type="text/javascript" src="${layerPath}/layer.js"></script>
<script type="text/javascript" src="${jspath }/jquery.ui.min.js"></script>
<script type="text/javascript" src="${jspath }/ui.datepicker_zh-CN.js"></script>
<script type="text/javascript" src="${jspath }/jquery.blockUI.js"></script>
<script type="text/javascript" src="${jspath }/public.js"></script>
<script type="text/javascript" src="${jspath }/jquery.selectAll.js"></script>
<script type="text/javascript"
	src="${jspath}/jquery/jquery.ui.draggable.js"></script>
<script type="text/javascript" src="${jspath}/jquery/jquery.alerts.js"></script>
<script type="text/javascript" src="${jspath}/load_layer.js"></script>
<link rel="stylesheet" type="text/css"
	href="${csspath}/jquery.alerts.css" />

<link rel="stylesheet" type="text/css"
	href="${webcontext}/css/validationEngine.jquery.css" />
<script src="${jspath}/jquery/validate/jquery.validationEngine.js"
	type="text/javascript"></script>
<script src="${jspath}/jquery/validate/jquery.validationEngine-zh.js"
	type="text/javascript"></script>
<script type="text/javascript"
	src="${webcontext}/javascript/jquery/jquery.ui.draggable.js"></script>

<link rel="stylesheet" type="text/css"
	href="${bootstrapPath}/css/bootstrap.css" />
<link rel="stylesheet" type="text/css"
	href="${bootstrapPath}/css/bootstrap-responsiv.css" />
<link rel="stylesheet" type="text/css"
	href="${bootstrapPath}/css/dataTables.bootstra.css" />
<script type="text/javascript" src="${bootstrapPath}/js/bootstrap.js"></script>
<script type="text/javascript" src="${bootstrapPath}/js/jquery.dataTables.js"></script>
<script type="text/javascript" src="${bootstrapPath}/js/dataTables.bootstrap.js"></script>
<script type="text/javascript">
$(function(){
	//取消
	$("#cancel").click(function(){
            	window.location.href="${webcontext}/crmdp/dealer/member/redirectMaintainMemberPage";
    	});
	});
	$(document).ready(function() {
		$('.datatable').dataTable( {        				
				"oLanguage": {
						"sUrl": "${bootstrapPath}/zh_CN.json"
					} 
			});
	} );
	
function printPage() {
	search_form.action="javascript:window.print();"
	document.getElementById("search_form").submit(); 
}
</script>
</head>
<body>
	<div class="spliter h_10"></div>
	<font style="font-family: Microsoft YaHei; color: green; font-weight: bolder;font-size: 16px;">
		姓名：${memberInfo.memberName} &nbsp;&nbsp;&nbsp;&nbsp;
		手机号：${memberInfo.mobilePhone}&nbsp;&nbsp;&nbsp;&nbsp;
		车牌：${dto.carPlate}&nbsp;&nbsp;&nbsp;&nbsp;	
	</font>
	<div class="spliter h_10"></div>
	<!-- content -->
	<div id="content" style="height: 600px;width: 1140px;">
		<!-- wrap -->
		<div id="wrap">
			<!-- search_div -->
			<form:form  class="form-horizontal" id="search_form"
				action="${webcontext}/crmdp/dealer/member/getMaintainMemberPage"
				method="post" modelAttribute="dto">
				<div id="dataTable" class="data_div">
					<div style="width: 100%; height: auto; margin-top: 10px;">
						<table id="data_tab" class="table table-hover datatable">
							<thead>
							<tr>
								<th width="10%" height="20" >日期</th>
<!-- 								<th width="10%" height="20" >关联车牌</th> -->
								<th width="10%" height="20" >交易类型</th>
								<th width="10%" height="20" >套餐名称</th>
								<th width="10%" height="20" >卡号</th>
								<th width="10%" height="20" >提货/优惠券名称</th>
								<th width="10%" height="20" >券号/验证码</th>
								<th width="10%" height="20" >套餐状态</th>
<!-- 								<th width="10%" height="20" >关联订单编号</th> -->
							</tr>
							</thead>
							<tbody>
							<core:forEach items="${TranHistoryDtoList}"
								var="list">
								<tr>
									<td class="text-left">${list.purchaseDate}</td>
<%-- 									<td class="text-left">${list.carPlateName}</td> --%>
									<td class="text-left">${list.tranName}</td>
									<td class="text-left">${list.packageName}</td>
									<td class="text-left">${list.packgeNumber}</td>
									<td class="text-left">${list.ticketName}</td>
									<td class="text-left">${list.ticketNumber}</td>
									<core:if test="${list.status == 0}">
										<td class="text-left">已生成</td>
									</core:if>
									<core:if test="${list.status == 1}">
										<td class="text-left">已售出</td>
									</core:if>
									<core:if test="${list.status == 2}">
										<td class="text-left">已激活</td>
									</core:if>
									<core:if test="${list.status == 3}">
										<td class="text-left">已用完</td>
									</core:if>
									<core:if test="${list.status == 4}">
										<td class="text-left">已过期</td>
									</core:if>
									<core:if test="${list.status == 5}">
										<td class="text-left">已退款</td>
									</core:if>
<%-- 									<td class="text-left">${list.orderNumber}</td> --%>
								</tr>
							</core:forEach>
							</tbody>
						</table>
					</div>
				<div class="btn_div">
			              	<button type="button" class="btn btn-success" style="width: 100px;" onclick="printPage()"><i class="glyphicon glyphicon-print" style="color:#FFFFFF"></i>&nbsp;打印 </button>
			                <button type="button" class="btn" style="width: 100px;" value="返回" id="cancel"><i class="glyphicon glyphicon-share-alt" style="color:#FFFFFF"></i>&nbsp;取消</button>
			      </div>
				</div>
				<!-- /data_div -->
				<!-- page_div -->
				<!-- /page_div -->
			</form:form>
		</div>
		<!-- /wrap -->
	</div>
	<!-- /content -->

</body>

</html>